body{font:12px Arial,Helvetica,sans-serif;text-align:center;margin:0;background:url(../images/v1_07.png)}
form{margin:0;padding:0}

div#contain{width:686px;margin:0 auto}
div.clear{clear:both}
div#masthead {height:15px;background:url(../images/v1_02.png) repeat-x}

h1#banner{height:75px;text-indent:-9000px;margin:25px 0 0 0;padding:0;background:url(../images/v1_11.png)}

a#client{display:block; width:100%;height:100%; cursor: pointer;}
h1#clientlogin{margin:0 0 25px 75%;padding:0;height:24px;background:url(../images/v1_04.png) no-repeat;width:94px;text-indent:-9000px}




#nav-menu *{display:block;margin:0;padding:0;list-style:none}
#nav-menu ul{display:table;margin:0 auto;text-align:center}
#nav-menu li{float:left;background:url(../images/v1_17.png) no-repeat 100% 50%;}
#nav-menu li a{height:35px;line-height:2.5em;float:left;width:82px;text-decoration:none;text-align:center;color:#000000;display:block}
#nav-menu{background:url(../images/v1_13.png) no-repeat;width:686px;height:35px;text-align:center}
#nav-menu li#selected{padding-bottom:9px;background:url(../images/v1_14.png) top no-repeat}
#nav-menu li#selected a{color:#333333}

div#copy{font-size:10px;margin-top:25px;color:#666666}

div#content-top{margin-top:25px;background:url(../images/v1_21.png) no-repeat;height:31px}
div#content-bottom{background:url(../images/v1_24.png) no-repeat;height:34px}
div#content-middle h1,#menu-right h1{font-size:24px;margin:0;padding:0}
div#content-middle p{line-height:150%;word-spacing:2px}

div.code{background:#FFFFFF;border:2px solid #cccccc;padding:8px;overflow:auto}
table.sample{border:2px solid #cccccc;border-spacing:0px;border-collapse:separate;width:100%}
table.sample th{background:#eeeeee;border-bottom:1px solid #cccccc;padding:5px 5px 5px 5px}
table.sample td {background:white;padding:5px 5px 5px 5px;border-bottom:1px solid #cccccc}


h1 a {color:#000000;text-decoration:none}
span.date{color:#333333}
div.clearnews{margin-top:10px;width:100%;height:30px;border-top:#CCCCCC solid 2px}

div.list1{margin-top:10px;background:#FFFFFF;width:90%;padding:10px}
div.list2{margin-top:10px;background:#eeeeee;width:90%;padding:10px}
img.tutorial{margin-right:10px;margin-bottom:10px;background:#666666;float:left;width:80px;height:80px}

div.file_y{font-size:12px;margin-right:2%;background:#CCFFBF url(../images/icons/file_y.png) no-repeat 15px 50%;text-align:left;padding:5px 0 5px 45px;width:37%;float:left;border:1px solid #24B300}
div.example_y{font-size:12px;background:#CCFFBF url(../images/icons/example_y.png) no-repeat 15px 50%;border:1px solid #24B300;text-align:left;padding:5px 0 5px 45px;width:37%;float:left}
div.file_n {font-size:12px;margin-right:2%;background:#FFBFBF url(../images/icons/file_n.png) no-repeat 15px 50%;text-align:left;padding:5px 0 5px 45px;width:37%;float:left;border:1px solid #B30000}
div.example_n {font-size:12px;background:#FFBFBF url(../images/icons/example_n.png) no-repeat 15px 50%;border:1px solid #B30000;text-align:left;padding:5px 0 5px 45px;width:37%;float:left}

div#menu-right ul{ margin: 0; padding: 0; list-style-type: none;}
div#menu-right li{ margin: 0; padding: 2px 15px; background: url(../images/icons/bullet.png) 0 1px no-repeat;}
div#menu-right p { margin:4px 0 10px 0; padding: 0;}
div#content-middle{background:url(../images/v1_22.png); display:block;}
div#content{padding-left:4%;width:68%;float:left;text-align:left;display:block}
div#menu-right{margin-left:3%;width:25%;float:left;text-align:left;display:block;}


div#error {font-size:14px;background:#fff6bf url(../images/info.png) 15px 50% no-repeat;text-align:left;padding:5px 5px 5px 45px;border-top:2px solid #ffd324;border-bottom:2px solid #ffd324;margin:25px;}


label,input#name,input#email,textarea#message{display:block;width:200px;float:left;margin-bottom:10px;}label{text-align:right;width:120px;padding-right:20px;}

p.contact{clear:left;}	
img { background:#FFFFFF; padding:4px; border: 1px #999999 solid; }
h2.list { padding:0;margin:0; }
h2.month  { background: #333333; padding: 4px; color: #FFFFFF; font-weight:800; font-size:24px; }
div.premonth { text-align:right; background:#333333; color:#FFFFFF; font-size:18px; padding: 6px; }
h2.monthq { margin:4px 0; padding:0 0 0 20px; background: url(../images/icons/month.png) 0 50% no-repeat;